<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <!-- 引入第三方样式 -->
    <link rel="stylesheet" href="/lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="/lib/mui/css/mui.css">
    <!--引入初始化样式 -->
    <link rel="stylesheet" href="/css/common.css">
    <!-- 引入本地样式 -->
    <link rel="stylesheet" href="/css/register.css">
    <title>注册</title>
</head>

<body>
    <!-- 头部 -->
    <header id="header" class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">注册</h1>
    </header>

    <!-- 内容 -->
    <div class="pyg_view">
        <form class="mui-input-group">
            <div class="mui-input-row">
                <label>手机</label>
                <input type="text" class="mui-input-clear" value="18148953537" name="mobile" placeholder="请输入手机">
            </div>
            <div class="mui-input-row">
                <label>验证码</label>
                <input type="text" class="mui-input-clear" name="code" placeholder="请输入验证码">
                <button  type="button" id="code_btn" class="mui-btn mui-btn-primary">获取验证码</button>
            </div>
            <div class="mui-input-row">
                <label>邮箱</label>
                <input type="text" class="mui-input-clear" name="email" placeholder="请输入邮箱">
            </div>
            <div class="mui-input-row">
                <label>密码</label>
                <input type="password" class="mui-input-password" name="pwd" placeholder="请输入密码">
            </div>
            <div class="mui-input-row">
                <label>确认密码</label>
                <input type="password" class="mui-input-password" name="pwd2" placeholder="请确认密码">
            </div>
            <div class="mui-input-row mui-radio">
                <label>男</label>
                <input name="gender" value="男" type="radio" checked="checked">
            </div>
            <div class="mui-input-row mui-radio">
                <label>女</label>
                <input name="gender" value="女" type="radio">
            </div>
        </form>

        <!-- 工具栏 -->
        <div class="res_tool">
            <a href="login.html" class="mui-btn mui-btn-primary mui-btn-outlined">登录</a>
            <button type="button" id="res_btn" class="mui-btn mui-btn-primary">注册</button>
        </div>
    </div>

    <!-- 尾部 -->
    <footer class="pyg_footer">
        <a href="/index.html">
            <span class="fa fa-home"></span>
            <div>首页</div>
        </a>
        <a href="/pages/category.html">
            <span class="fa fa-list-ul"></span>
            <div>分类</div>
        </a>
        <a href="javascript:;">
            <span class="fa fa-cart-plus"></span>
            <div>购物车</div>
        </a>
        <a href="/pages/login.html">
            <span class="fa fa-user"></span>
            <div>我的</div>
        </a>
    </footer>
</body>
<!-- 引入第三方js -->
<script src="/lib/arttemplate/template-web.js"></script>
<script src="/lib/zepto/zepto.js"></script>
<script src="/lib/mui/js/mui.js"></script>
<!-- 引入js初始化 -->
<script src="/js/common.js"></script>
<!-- 引入本地js样式 -->
<script src="/js/register.js"></script>

</html>